<template>	
	<div class="footer">
		<div class="footer-logo">
			<img src="/imgs/logo-footer.png" alt="">
			<p>小米商城</p>
		</div>
		<div class="footer-link">
			<a href="https://gitee.com/fzr706284/dashboard/projects" target="_blank">vicky主页</a><span>|</span>
			<a href="https://gitee.com/fzr706284/dashboard/projects" target="_blank">前端学习中</a><span>|</span>
			<a href="https://gitee.com/fzr706284/dashboard/projects" target="_blank">vue项目实战</a><span>|</span>
			<a href="https://gitee.com/fzr706284/dashboard/projects" target="_blank">努力找工作</a><span>|</span>
			<div class="copyright">Copyright <span class="domain">链接</span></div>
		</div>
	</div>
</template>
<script>
export default {
	name:'nav-footer'
}
</script>
<style lang="scss" scoped>
	.footer{
		height:234px;
		border-top:4px solid #FF6600;
		background-color: #333333;
		color:#999999;
		font-size: 16px;
		text-align:center;
	}
	.footer-logo{
		margin-top:46px ;
		margin-bottom: 31px;
		img{
			width:53px;
			height: 36px;
			margin-bottom: 13px;
		}
	}
	.footer-link{
		a{
			color:#999999;//a的优先级更高
			display: inline-block;//定义成行内的块级元素
		}
		span{
			margin: 0 10px;
		}
		margin-bottom: 13px;
	}
	.copyright{
		.domain{
			color: #FF6600;
		}
	}
</style>
	